<%@ include file="../common/IncludeTop.jsp"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<script src="js/jquery-2.1.0.min.js"></script>

<script>
	$(window).ready(function(){
		if (${not empty update_msg}){
			alert("${update_msg}");
		}

	})
</script>
<body>

		<div id="Catalog">


			<form action="updatemyaccount" method="post">

				<h3>User Information</h3>

				<table>
					<tbody>
						<tr>
							<td>User ID:</td>
							<td>${account.username}</td>
						</tr>
						<tr>
							<td>New password:</td>
							<td>
								<input id="stripes--517137302" name="password" type="text">
							</td>
						</tr>
						<tr>
							<td>Repeat password:</td>
							<td><input name="repeatedPassword" id="repeatedPassword" type="text"></td>
						</tr>
					</tbody>
				</table>
				<h3>Account Information</h3>

				<table>
					<tbody>
						<tr>
							<td>First name:</td>
							<td><input name="firstName" value="${account.firstName}" type="text"></td>
						</tr>
						<tr>
							<td>Last name:</td>
							<td><input name="lastName" value="${account.lastName}" type="text"></td>
						</tr>
						<tr>
							<td>Email:</td>
							<td><input name="email"
								value="${account.email}" type="text" size="40"></td>
						</tr>
						<tr>
							<td>Phone:</td>
							<td><input name="phone" value="${account.phone}"
								type="text"></td>
						</tr>
						<tr>
							<td>Address 1:</td>
							<td><input name="address1" value="${account.address1}" type="text" size="40"></td>

						</tr>
						<tr>
							<td>Address 2:</td>
							<td><input name="address2" value="${account.address2}"
								type="text" size="40"></td>
						</tr>
						<tr>
							<td>City:</td>
							<td><input name="city" value="${account.city}" type="text"></td>
						</tr>
						<tr>
							<td>State:</td>
							<td><input name="state" value="${account.state}" type="text"
								size="4"></td>
						</tr>
						<tr>
							<td>Zip:</td>
							<td><input name="zip" value="${account.zip}" type="text"
								size="10"></td>
						</tr>
						<tr>
							<td>Country:</td>
							<td><input name="country" value="${account.country}" type="text"
								size="15"></td>
						</tr>
					</tbody>
				</table>

				<h3>Profile Information</h3>

				<table>
					<tbody>
						<tr>
							<td>Language Preference:</td>
							<td>
								<select name="languagePreference">
									<c:if test="${account.languagePreference == 'english'}">
										<option selected="selected" value="english">english</option>
										<option value="japanese">japanese</option>
									</c:if>
									<c:if test="${account.languagePreference == 'japanese'}">
										<option value="english">english</option>
										<option selected="selected"  value="japanese">japanese</option>
									</c:if>
								</select>
							</td>
						</tr>
						<tr>
							<td>Favourite Category:</td>
							<td>
								<select name="favouriteCategoryId">
									<c:if test="${account.favouriteCategoryId == 'FISH'}">
										<option selected="selected" value="FISH">FISH</option>
										<option value="DOGS">DOGS</option>
										<option value="REPTILES">REPTILES</option>
										<option value="CATS">CATS</option>
										<option value="BIRDS">BIRDS</option>
									</c:if>
									<c:if test="${account.favouriteCategoryId == 'DOGS'}">
										<option value="FISH">FISH</option>
										<option selected="selected" value="DOGS">DOGS</option>
										<option value="REPTILES">REPTILES</option>
										<option value="CATS">CATS</option>
										<option value="BIRDS">BIRDS</option>
									</c:if>
									<c:if test="${account.favouriteCategoryId == 'REPTILES'}">
										<option value="FISH">FISH</option>
										<option value="DOGS">DOGS</option>
										<option selected="selected" value="REPTILES">REPTILES</option>
										<option value="CATS">CATS</option>
										<option value="BIRDS">BIRDS</option>
									</c:if>
									<c:if test="${account.favouriteCategoryId == 'CATS'}">
										<option value="FISH">FISH</option>
										<option value="DOGS">DOGS</option>
										<option value="REPTILES">REPTILES</option>
										<option selected="selected" value="CATS">CATS</option>
										<option value="BIRDS">BIRDS</option>
									</c:if>
									<c:if test="${account.favouriteCategoryId == 'BIRDS'}">
										<option value="FISH">FISH</option>
										<option value="DOGS">DOGS</option>
										<option value="REPTILES">REPTILES</option>
										<option value="CATS">CATS</option>
										<option selected="selected" value="BIRDS">BIRDS</option>
									</c:if>
								</select>
							</td>
						</tr>
						<tr>
							<td>Enable MyList</td>
							<td>
								<c:if test="${account.listOption}">
									<input name="listOption" value="true" type="checkbox" checked="checked">
								</c:if>
								<c:if test="${not account.listOption}">
									<input name="listOption" value="true" type="checkbox">
								</c:if>
							</td>
						</tr>
						<tr>
							<td>Enable MyBanner</td>
							<td>
								<c:if test="${account.bannerOption}">
									<input name="bannerOption" value="true" type="checkbox" checked="checked">
								</c:if>
								<c:if test="${not account.bannerOption}">
									<input name="bannerOption" value="true" type="checkbox">
								</c:if>
							</td>
						</tr>

					</tbody>
				</table>


				<input name="editAccount" value="Save Account Information" type="submit">

			</form>
			<a href="listorder">My Orders</a>

		</div>

		<%@ include file="../common/IncludeBottom.jsp"%>
